Top 10 Nice CSS Slideshow Images

1. Responsive Gridfolio

featured image

gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. lightbox can display images, or can display videos loaded YouTube or Vimeo. Responsive / Flexible / Fluid layout: you can control size of grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description thumbnails media icons: each thumb can have a short description with a transparent background under it or media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, text can be formatted with CSS, the background color and opacity also can be modified (optional). lightbox can display images, or can display videos loaded YouTube or Vimeo. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional). Slideshow button (optional). Slideshow delay, delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted CSS (optional).

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control size of the grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). lightbox can display images, or can display videos loaded YouTube or Vimeo. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted CSS (optional).

More Details

4. iLightBox · Revolutionary Lightbox Plugin

featured image

“iLightBox is real great plug! i don’t find a system to open slideshow with only one thumb… great work”—Ciccio Pasticcio

More Details

5. NETSA - GALLERY GRID

featured image

NETSA – GALLERY GRID is web based application that will iterate through a folder on your server, create thumbnails create gallery grid of your images with the following features.Set the padding between images.Set slideshow width.Set slideshow height.Set an option if slideshow is enabled or not.Set slideshow interval.Set number of images which are to be displayed on each page.net/ for the images, i’ve contained a set in Gallery folder but they are not for resale and can be freely downloaded from the Wallcoo web page.com/projects/prettyphoto-jquery-lightbox-clone/) for slideshow support, saves me re-inventing the wheel.

More Details

6. bgStretcher jQuery Background Resizer & Slideshow

featured image

bgStretcher (Background Stretcher) is a jQuery slideshow plugin stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. plugin allows you to add a large image (or set of images) to background of your web page and will proportionally resize the image(s) to fill the entire window area. plugin will work as slideshow if multiple images are used. Additionally, resizing of the images can be optionally animated when the container is resized.Proportionally Resizes Background Images

Support Single or Multiple Images

Advanced Slideshow Features

More Details

7. jQuery Fullscreen Scroll Gallery

featured image

A masonry jQuery plugin help you display fullscreen images with jQuery auto slideshow slideshow support. Auto delay slideshow.

More Details

8. Ultimate Grid Responsive Gallery

featured image

This is HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for grid and when you click on it open lightbox it will load the normal image, you can specify text for captions and for the lightbox. Also you don’t have load all images at once (for performance purposes) so you can specify the number images to load when it first load and the number images to load when you click the “load more images” button. When you have categories, and if you select category through navigation bar, plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option). Support images of any dimensions and it will keep the right proportions

Set the number images to load at start and when you click the “load more images” button

Support thumbnails for grid only to images you want to improve performance

Lightbox slideshow (play, pause, auto-play)

IE showing fimages in lightbox and now is fix

The images on live preview were made by my friend named “Gema Ramirez” and you may contact her here:

More Details

9. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Thumbnail Grid mode features Masonry layout and you can control the spacing between items by applying margins through css,

You can also have slideshow of the items in the Full-width mode. Thslideshow stops whenever the browser tab in which gallery is displayed, goes out focus (this feature only works in browsers that supports HTML5 Page Visibility Api). Hardware accelerated CSS animations have been used wherever possible resulting in smooth animations, which is most noticeable in mobile devices. You also have the option of choosing how many photos will be shown, how they will be ordered and also the sizes of the images that are pulled from Flickr. You also have the option of choosing how many photos will be shown, how they will be ordered and also the sizes of the images that are puled from Picasa. Shrink images in Full-width mode to fit the container when gallery first loads. gallery supports preloading of images in Full-width mode for smoother viewing. You can start slideshow in Full-width mode when gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. Fixed the resizing of images in the overlay when the browser was in landscape mode. Fixed a bug where the inclusion of images in the item captions interfered with thumbnail grid layout. Modified code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.

More Details

10. Auto Grid Responsive Gallery

featured image

This is plugin that scans folder in your server and its subfolders containing images. The subfolders will be the categories that will appear at the top, and plugin will make grid responsive gallery with the images. Put plugin in your page once and then no more coding, you only need to take care of organizing your images in folders and if you want adding thumbnails. Scans folder in your server and its subfolders containing images

Support thumbnails for grid only to the images you want to improve performance

Accept Images of any dimensions

Lightbox slideshow (play, pause, auto-play)

Order the images By Name, By Date or Randomly

Specify the number of images to load on every ajax request so you don’t have all of them at first when the page loads

Change some CSS class so its more difficult that other stylesheets

Also IE showing fat images in lightbox and now is fix

the images will be load in order as well

css)

Fixed a small bug when you click the load more images button

Fixed some behavior with the tabs when gallery load more images.The images now are sort by alphabetical order.WHAT it does: when you scroll at the bottom of gallery it load more images automatically, you can see a demo here: http://gmdae. The images on live preview were made by my friend named “Gema Ramirez” and you may contact her here:

More Details

11. Horizontal Gridfolio Pro

featured image

Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. lightbox can display images, iframe (html pages) videos loaded YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type HTML page including Wordpress, at this link there is demo page running in Wordpress (Please note that this is NOT Wordpress plugin!, grid must be installed manually with thumbnails HTML code and the images uploaded with a ftp client, we have inclulded tutorial about how to install it in Wordpress. Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, text can be formatted with CSS, background color and opacity also can be modified (optional). lightbox can display images, iframe (html pages) videos loaded YouTube or Vimeo.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, text and window appearance can be formatted CSS (optional).

More Details